<style>
/*共用*/
body{width:100%;font-size:12px;background:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"Microsoft Yahei"; color:#333;min-width:1300px;}
div{margin: 0px; padding: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height :0px;}
.cl{clear:both; font-size:0px; overflow:hidden; height :0px;}
a{color: #484848; text-decoration: none;}
a:hover{color:#f49104;text-decoration: none;}
.border_bg{width:auto; height:auto; margin:0 auto;}
.cp1 img{border:1px solid #bbb; padding:5px; background:#fff;}
.cp1 img:hover{border:1px solid #f49104; padding:5px; background:#f7f1eb;}
.cp img{border:1px solid #ccc; padding:1px;}
.cp img:hover{border:1px solid #f49104; padding:1px;}
input,button,select,textarea{outline:none} 
.font_1{font-size:16px; color:#333;}
.totalwidth{width:1300px; margin:0 auto; height:auto;}
.totalwidthpercent {width:100%; margin:0 auto;}	
.fl{ float:left;}
.fr{ float:right;}	
#top_cp,#top_jj,#jz_qaun,#xinwen{width:1300px; margin:0 auto; padding-bottom:20px;}
.float_l{float:left;}
.float_r{float:right;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:70px;}
.top80{ margin-top:80px;}
.top100{ margin-top:100px;}
.top110{ margin-top:110px;}
.top120{ margin-top:120px;}
.top130{ margin-top:130px;}
.box {width: 1300px;height: auto;
    margin: 0 auto;
    min-width: 1300px;}
.page{ margin:0 auto; width:1300px;}
.rightarrowpointer{display:none;}
.w1300{ margin:0 auto; width:1300px;}
.w100 {width:100%; margin:0 auto;}	
.content{ margin:0 auto; width:1300px;}
address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}
.db,.lb,.dd{font-size:0;}
.db>div,.lb>li,.dd>dl{display:inline-block;vertical-align:top;}
em,.em,i{text-transform:uppercase;vertical-align:top;display:block;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
.w1300{width:1300px;}
.w1700{width:1700px;margin:0 auto;}
:focus {outline:none;background-color:transparent;}
::selection{background:#1441ba;color:#fff;}
::selection { background:#338fff; color:#fff;}
::-moz-selection { background:#338fff; color:#fff;}
::-webkit-selection { background:#338fff; color:#fff;}
/*共同结束*/
.hxsmgcw{ width:100%; margin:0 auto; text-align:center; font-size:36px; font-weight:bold; color:#01183a; line-height:36px;}
.hxsmgcw span{ font-size:36px; font-weight:bold; color:#0358c3; text-align:center;}
.xwnghzc{font-size:18px; line-height:18px; color:#666; text-align:center; padding-top:15px; width:100%; margin:0 auto;}


/*抬头*/
.header .top{ height:41px; border-bottom:1px solid #ddd;line-height:40px;font-size: 14px;}
.header .w1300{ position:relative; padding-left:200px;}
.header .logo{ position:absolute; top:-15px; left:0px; background:url(../Images/20200429193548_502008973.png)  center no-repeat;height:210px; z-index:5555; width:193px;}
.header ,.header a{ font-size:12px; color:#999; }
.header a:hover{ color:#0358c3;}
.header li{ float:left; border-right:1px solid #f4f4f4; padding:0px 16px;}
.header li:nth-child(1){ padding:0px 17px; background:url(../Images/20200429193621_617608845.png) no-repeat left center;}
.header li span{ font-size:16px; color:#0358c3; font-weight:bold;}
.header li:nth-child(3) a,.header li:nth-child(2) a{ padding-left:31px; display:block;}
.header li:nth-child(3) a{ background:url(../Images/20200429193648_1215232215.png) no-repeat left center;}
.header li:nth-child(2) a{ background:url(../Images/20200429193712_2093412927.png) no-repeat left center;}
.h_mean p:nth-child(1){ font-size:22px; font-weight:bold; color:#0358c3; margin-bottom:5px;}
.h_mean p:nth-child(2){ font-size:18px; color:#999; letter-spacing:3.2px;}
.second{ height:140px;}
.h_mean{ margin-top:45px;}
.nav a{ position:relative; display:block; float:left; line-height:140px; font-size:16px; color:#444; padding:0px 15px;}
.nav a.cur,.nav a:hover{ font-weight:bold; color:#0358c3;}
.nav a:after{ height:3px; content:''; display:block; left:0px; right:0px; position:absolute; margin:0 auto; bottom:0px; width:0px; transition:all 0.5s ease; background:#0358c3;}
.nav a.cur:after,.nav a:hover:after{ width:100%;transition:all 0.5s ease;}
.nav a+a{ margin-left:1px;}

/*幻灯片*/
.focus {width: 100%;min-width: 1300px;height:700px;overflow: hidden;position: relative;z-index: 1; background:#ddd;}
.focus ul {height: 100%; position: absolute;overflow: hidden;}
.focus ul li { float: left;width: 100%;height: 100%;overflow: hidden; position: relative;background: #000;}
.focus ul li div {position: absolute;overflow: hidden;width: 100%;height: 100%;}
.focus .btnBg {position: absolute; width: 100%;height: 20px;left: 0; bottom: 0;background: #000;display: none;}
.focus .btn { position: absolute;width: 952px; height: 23px;margin-left: -480px;left: 50%;bottom: 15px;text-align: center;}
.focus .btn span {font-size: 0;display: inline-block;_display: inline; _zoom: 1;width:120px;height: 10px;text-align: center;_font-size: 0;margin-left: 16px;cursor: pointer;background: #fff; border-radius:50px;}
.focus .btn span.on {background: #0358c3;}
.focus .preNext {width: 45px;height: 100px;position: absolute; top: 300px; background: url(../Images/20200429193740_654161298.png) no-repeat 0 0;cursor: pointer;}
.focus .pre {left: 0;}
.focus .next { right: 0; background-position: right top;}

/*搜索*/
.search{ height:72px; border-bottom: 1px solid #ddd;background: #f9f9f9;    max-width: 1920px;
    margin: 0 auto;}
.keywords{ line-height:72px; font-size:14px;}
.keywords span{ font-size:14px; color:#0358c3; font-weight:bold;}
.keywords a{ font-size:14px; color:#666666;}
.keywords a:hover{ color:#0358c3;}
#infoname{margin: 0; height: 40px; line-height:40px; padding-left: 54px; color:#b9bcc1; 
background:url(../Images/20200429193810_171125002.png) no-repeat 16px;
width: 215px;font-size: 14px; height:72px; border:none; border-left:1px solid #edeeef;}
#search_r li:nth-child(2){width:75px;  height:72px; background:#0358c3;}
#search_r li:nth-child(2) input{border:none; margin:20px 21.5px;}
#search_r li{ float:left;}

/*产品*/
.chngpbkd{ width:1300px; /*height:84px;*/ background:#fff;box-shadow: 0 4px 50px 0 rgba(0,0,0,.1); margin:0 auto;border-top-left-radius:60px; border-bottom-right-radius:60px;}
.cplwnkw li{ float:left;width:161px;height:84px; border-right:1px dashed #e5e5e5;border-bottom:1px dashed #e5e5e5; font-size:18px;color:#333; text-align:center; line-height:86px;}
.cplwnkw li a{ font-size:18px;color:#333; font-weight:300; text-align:center; line-height:86px;}
.cplwnkw li a:hover{ font-size:18px; color:#0358c3;text-align:center; line-height:84px;font-weight: normal;}
.cplwnkw li:nth-child(8n+8){border-right:none;}
.cplwnkw li:nth-child(16){border-bottom: 0px}
.cplwnkw li:nth-child(17){border-bottom: 0px}
.cplwnkw li:nth-child(18){border-bottom: 0px}
.cplwnkw li:nth-child(19){border-bottom: 0px}
.cplwnkw li:nth-child(20){border-bottom: 0px}


/*展示*/
.pro_con{ width:1300px; margin:0 auto;margin-top:36px;}
.divproduct_new_div{ height:auto;position:relative;overflow:hidden;}
.divpro_list_box{position:absolute;top:0;left:0;}
.divpro_list_box+.divpro_list_box{left:100%;}
.divproduct_new_div_item:hover{ cursor:pointer;}
.divproduct_new_div_item{ position: relative;width:312px;display: inline-block;vertical-align: top;border:1px solid #eee;background:#fff;overflow: hidden;transition:500ms;}
.divproduct_new_div_item{margin-right:10px; margin-bottom:14px;}
.divproduct_new_div_item:nth-child(4n) {margin-right: 0px;}
.divproduct_new_div_item:hover{border-color:#0358c3;transition:500ms; border-bottom:none;}
.product_div_item_pic,.product_div_item_pic img{width:312px;}
.product_div_item_pic,.product_div_item_pic a{position: relative;overflow:hidden;}
.product_div_item_pic:before,.product_div_item_pic:after{content:'';width:100%;height:50%;background:rgba(3,88,195,0.5);position:absolute;left:0;z-index: 1;transition:500ms;}
.product_div_item_pic:before{top:-50%;}
.product_div_item_pic:after{bottom:-50%;}
.divproduct_new_div_item:hover .product_div_item_pic:before{top:0;transition:500ms;}
.divproduct_new_div_item:hover .product_div_item_pic:after{bottom:0;transition:500ms;}
.product_div_item_pic a{display:block;}
.product_div_item_pic a:before{content:'';width:70px;height:70px;border-radius:92px;background:#fff url(../Images/20200429193016_116605479.png) no-repeat center;border:2px solid #0358c3;position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;z-index: 2;transform: rotateX(90deg) scale(0.3);opacity:0;transition:500ms;}
.divproduct_new_div_item:hover .product_div_item_pic a:before{transform: rotateX(0deg) scale(1);opacity:1;transition-delay:450ms;transition:500ms;}
.divproduct_new_div_item_content{border-top:1px solid #dee0e9;padding:17px 30px 0;text-align:center;transition:500ms; height:108px;}
.divproduct_new_div_item:hover .divproduct_new_div_item_content{border-top-color:#0358c3;background:#0358c3;transition:500ms;}
.divproduct_new_div_item_title a{display:block;line-height:46px;font-size:18px;font-weight:bold; color:#06285b;}
.divproduct_new_div_item:hover .divproduct_new_div_item_title a{color:#fff;}
.divproduct_new_div_item_body{color:#b1b8c3;line-height:12px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.divproduct_new_div_item:hover .divproduct_new_div_item_body{color:#fff;}
.divpro_more{width:82px;height:28px;background:#b1b9c7;transition:500ms; position:absolute; bottom:0px; left:115px;}
.divproduct_new_div_item:hover .divpro_more{margin-top:22px;background:#fff;transition:500ms;}
.divpro_more a{color:#fff;display:block;line-height:28px;text-transform: uppercase;transition:500ms; font-size:12px;}
.divproduct_new_div_item:hover .divpro_more a{color:#0358c3;transition:500ms;}

/*瑞来五金制品的五大特点*/
.proadv{ height:650px;}
.pro_t p:nth-child(1){ font-size:42px; color:#fffefe; font-weight:bold;}
.pro_t p:nth-child(2){ font-size:18px; color:#a3c9fa; margin-top:5px;}
.pro_t{padding:42px 0px 0px 0px;}
.proadvul{ width:730px; margin-top:120px;} 
.proadvul li{ float:left; width:300px; margin-bottom:60px; position:relative;}
.proadvul li:nth-child(2n){ margin-left:90px;}
.proadvul li p:nth-child(1){ font-size:26px; font-weight:bold; color:#fff; line-height:65px; margin-bottom:15px; padding-left:100px;}
.proadvul li p:nth-child(2){ font-size:14px; color:#aaaaaa; line-height:35px;   text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp:2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.proadvul li:nth-last-child(1){ width:572px;}
.yq3 {position: absolute; top:0px; left:0px;}
.dot3 {position: absolute;z-index: 2;width:63px;height: 63px;border-radius: 50%;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.pulse5 {position: absolute;z-index: 1;width: 83px;height: 83px;top:-10px;left:-10px;border-radius: 50%;opacity: 1;-webkit-animation: warn 1.2s ease-out;animation: warn 1.2s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-keyframes-animation: warn 1.2s ease-out;-keyframes-animation-iteration-count: infinite;-o-keyframes-animation: warn 1.2s ease-out;-o-keyframes-animation-iteration-count: infinite;-moz-keyframes-animation: warn 1.2s ease-out;-moz-keyframes-animation-iteration-count: infinite;}
/*.proadvul li:nth-child(1) .dot3{ background:url(../Images/20200430170857_898325638.png) no-repeat center;}
.proadvul li:nth-child(2) .dot3{ background:url(../Images/20200430170858_131543237.png) no-repeat center;}
.proadvul li:nth-child(3) .dot3{ background:url(../Images/20200430170858_1501571277.png) no-repeat center;}
.proadvul li:nth-child(4) .dot3{ background:url(../Images/20200430170858_193802912.png) no-repeat center;}
.proadvul li:nth-child(5) .dot3{ background:url(../Images/20200430170858_1017983757.png) no-repeat center;}*/
@-webkit-keyframes "warn" {0% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.0;}
25% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;}
50% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;}
75% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.9;}
100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;} }
@keyframes "warn"  {0% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.0;}
25% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;}
50% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;}
75% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.9;}
100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;} }
@-o-keyframes "warn"  {0% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.0;}
25% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;}
50% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;}
75% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.9;}
100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;} }
@-moz-keyframes "warn"  {0% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.0;}
25% {transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;}
50% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;}
75% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.9;}
100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;} }

.i1{top:0;left:0;-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.i2{top:0;right:0;-webkit-animation-delay:1s;animation-delay:1s;}
.i3{bottom:0;right:0;-webkit-animation-delay:1.25s;animation-delay:1.25s;}
.i4{bottom:0;right:0;-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.i5{bottom:0;right:0;-webkit-animation-delay:1.75s;animation-delay:1.75s;}

/*客户见证*/
.khjj_bj{ width:100%; height:auto; margin:0 auto;}

.custcenter{ position:relative;}
.custjt{ width:43px; height:88px; cursor:pointer; position:absolute; top:204px; transition:all 0.5s ease;}
.custleft{ left:-74px; background:url(../Images/20200429210330_426079392.png) top center;}
.custright{ right:-74px;background:url(../Images/20200429210724_1137566950.png) top center;}
.custjt:hover{ background-position-y:-88px;}
.custcon{ overflow:hidden; width:1300px;}
.custcon li{ float:left; width:423px; height:501px; margin-right:15px; position:relative; text-align:center; cursor:pointer; position:relative;} 
.custcon li:after{ content:''; display:block; width:100%; height:0px; left:0px; top:0px; background:#0358c3; z-index:1; transition:all 0.5s ease; position:absolute;}
.custcon li:hover:after{ height:100%;}
.custcon li:hover .custwa p:nth-child(1){ color:#fff;}
.custcon li:hover .custwa p:nth-child(2){ color:#f3f3f3;}
.custcon li:hover .custwa a{ background:#fff; color:#0358c3;}
.custcon li p,.custcon li a, .custcon li img{ position: relative; z-index:3; transition:all 0.5s ease;}
.custcon li .custpic{ background:#f3f3f3;padding:28px 50px; }
.custcon li .custpic img{ width:285px; height:204px; border:2px solid #e6eef3;}
.custcon li .custwa p:nth-child(1){ font-size:22px; color:#333; margin-bottom:15px;}
.custcon li .custwa p:nth-child(2){ font-size:14px; color:#848484;  line-height:30px; margin-bottom:25px;}
.custcon li .custwa a{ display:block; width:155px; height:44px;line-height:44px; background:#f3f3f3; transition:all 0.5s ease; font-size:14px; color:#020202;  margin:0 auto;}
.custcon li .custwa{ height:200px; width:383px; border:1px solid #ebebeb; padding:35px 19px 0px 19px;}

/*优势*/
#ygbchgb{ width:100%; padding:70px 0px 40px; background:#f1f4f7;}
.shajxtb{ width:110px; height:23px; margin:0 auto;animation: myfirst 2s infinite; }
 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
       }  
.xzyghsw{ font-size:42px; font-weight:bold; text-align:center; color:#01183a; padding-top:20px;}
.wenhtuh{ font-size:18px; color:#686f78; font-weight:100; text-align:center; padding-top:10px;}

.adv_t span{color: #222;  font-weight: lighter;}
.adv_t:after{content: "";display: block;width:1400px;height:340px;background: #0358c3;min-width:1400px;margin: 0 auto;margin-top:40px;}

.adva_bg{margin-top: -320px;}
.adva_top li{height:180px;width:320px;float:left;color: #fff;text-align: center;cursor: pointer; position: relative;}
    .adva_top li:before{content: "";display: block;width:1px;height:55px;background:#5992e5;    float: right;margin-top:55px;}
    .adva_top .on:after{content: "";display: block;width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #0358c3; margin:40px auto 0px;position: relative; z-index: 999;}
    .adva_top li:nth-child(1) b:before{content: "";display: block;background:#fff url(../Images/20200429215212_1700942756.png)no-repeat center;}
    .adva_top li:nth-child(2) b:before{content: "";display: block;background:#fff url(../Images/20200429215233_1920494480.png)no-repeat center;}
    .adva_top li:nth-child(3) b:before{content: "";display: block;background:#fff url(../Images/20200429215255_1751556635.png)no-repeat center;}
    .adva_top li:nth-child(4) b:before{content: "";display: block;background:#fff url(../Images/20200429215330_642370679.png)no-repeat center;}
    .adva_top li:nth-child(4):before{display:none;}
    .adva_top li b:before{height:42px;width:42px; margin: 30px auto 5px;border-radius: 50%;}
    .adva_top li b{font-size: 24px;display: block; line-height:38px;}
    .adva_top li p{font-size: 16px;}
    .adva_bottom dl{background: url(../Images/20200429215354_610082211.png)no-repeat center;height:575px;padding:50px 50px 0px 50px;}
    .adva_bottom .adva_bottom_f{width:470px;height:375px;}
    .adva_bottom .adva_bottom_f b:before{content: "";display: block;background: #0358c3;width:30px;height:5px;margin:30px 0 20px 0;}
    .adva_bottom .adva_bottom_f b{font-size: 32px;color: #222;font-weight:initial;display: block;margin-bottom:30px;}
    .adva_bottom .adva_bottom_f P{font-size:15px;color: #888;line-height:34px; margin-top:20px;}
    .adva_bottom .adva_bottom_f a{display:block;width:165px;height:65px;line-height: 65px; background: #222;color: #fff;font-size: 18px;text-align: center;float:left;margin:40px 15px 0 0;position: relative;}
    .adva_bottom .adva_bottom_f a:nth-child(5){background: #0358c3;}
.adva_bottom_r{ width:690px; height:475px;overflow: hidden; border:1px solid #ddd;}
.adva_bottom_r img{transition:all 0.7s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.7s ease-in 0s; -o-transition:all 0.7s ease-in 0s;cursor:pointer;}
.adva_bottom_r:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

/*服务流程*/
.fwlc_bj{ width:100%; height:auto; margin:0 auto; }
.fwlc_lc{ width:1300px;margin:0 auto; height:auto;}
.fwlc_lc ul li{ width:184px; margin-top:30px !important; margin:0 auto; height:234px; border:1px solid #d9d9d9; float:left; margin-left:-1px;overflow: hidden;}
.fwlc_lc ul li .tb{ width:auto; height:64px; margin:0 auto; margin-top:30px; text-align:center;}
.fwlc_lc ul li .bt{ width:auto; font-size:20px; color:#666666; line-height:20px; margin-top:20px; text-align:center;}
.fwlc_lc ul li .bt p{ font-size:14px; color:#999999; line-height:14px; padding-top:10px; text-align:center;}
.fwlc_lc ul li .sz{ font-size:174px; color:#ebf7ff; line-height:125px; margin-top:20px; font-family:思源黑体 CN; text-align:center;font-weight: 900;}

/*about*/
.about{padding-bottom:60px;width:100%;overflow:hidden;}
.about_posi{position:relative}
.about_nor{width:573px;height:449px;margin-top:60px}
.about_nor strong{font-size:34px;text-transform:uppercase}
.about_nor strong p{font-weight:400;font-size:35px;padding-top:7px}
.about_nor em{width:31px;height:3px;background:#0358c3;display:block;margin-bottom:25px}
.about_nor span{color:#555;line-height:34px;display:block;padding-top:14px; font-size:15px;}
.about_nor a{width:170px;height:50px;border-radius:30px;line-height:50px;background:#0358c3;color:#fff;text-align:center;float:left;margin:35px 35px 0 0; font-size:16px;}
.about_nor a:hover{background:#0358c3;color:#fff;}
.about_nor .cont{background:#e3e3e3;color:#555}
.video_ico{width:60px;height:60px;background:#0358c3;border-radius:50%;display:block;text-align:center;position:absolute;left:47.3%;top:39.6%}
.video_ico img{padding-top:16px}
.about_video{width:60px;height:60px;border-radius:50%;position:absolute;left:47.3%;top:39.6%;box-shadow:0 0 0 0 rgba(3,88,195,.5);animation:video 2s infinite;-moz-animation:video 2s infinite;-webkit-animation:video 2s infinite}
.about_video2{width:60px;height:60px;border-radius:50%;position:absolute;box-shadow:0 0 0 0 rgba(3,88,195,.5);left:47.3%;top:39.6%;animation:video 3s infinite;-moz-animation:video 3s infinite;-webkit-animation:video 3s infinite}
.about_zige{position:relative;overflow:hidden}
.about_zige_list{height:45px;border-bottom:1px solid #e6e6e6;margin:48px 0 20px 0}
.about_zige_nor{position:relative;height: auto;}
.about_zige_list li{float:left;width:180px;height:45px;text-align:center;position:relative;padding-bottom:1px;background:url(../Images/20200429232303_2043625432.png) no-repeat 3px center}
.about_zige_list li::before{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#0358c3;transition:all .4s ease}
.about_zige_list .on::before,.about_zige_list li:hover::before{width:100%}
.about_zige_list li::after{content:'';position:absolute;bottom:1px;left:0;width:0;height:2px;background:#0358c3;transition:all .4s ease}
.about_zige_list .on::after,.about_zige_list li:hover::after{width:46px}
.about_zige_list li a{font-size:20px;display:block;line-height:46px;transition:all .5s ease}
.about_zige_list .on a,.about_zige_list li:hover a{color:#0358c3;font-weight:700;background-position-x:0!important;padding-left:28px}
.about_zige_prev{position:absolute;width:64px;height:64px;top:29px;right:64px;background:url(../Images/20200429232351_94717636.jpg);cursor:pointer}
.about_zige_next{position:absolute;width:64px;height:64px;top:29px;right:0;background:url(../Images/20200429232447_1208256292.png);cursor:pointer}

.about_zige_box table tr td{padding-left:0 !important; width:310px; height:215px; overflow:hidden; padding-right: 16px;}
.about_zige_box table tr td:nth-last-child(1){padding-right: 0;}
.about_zige_box table tr td > a{display:inline-block;}
.about_zige_box table tr td div{display:inline-block; background:#eeeeee; width:310px; height:50px; line-height:50px; text-align:center; padding-top:0 !important;}
.about_zige_box table tr td div a{ font-size:16px; display: block;}

/*新闻资讯*/
.news{ height: auto; padding-top:60px;}
.news_dl{width: 401px; height:582px; position:relative;}
.news_dlt{height:130px;position: relative; background:url(../Images/20200430084658_1147197409.jpg) no-repeat center; text-align:left;}
.news_dlt p{font-size: 28px; line-height: 30px; color:#fff; padding-top:42px; padding-left:30px;}
.news_dlt span{font-size: 14px;line-height: 25px; color:#90bcf8; font-family:Arial, Helvetica, sans-serif; padding-left:30px;}
.news_dlt a{display: block; width:28px; height:28px; position: absolute; top:48px; right:30px; border-radius: 100%;}
.news_dlm{margin-top:30px; width:100%;overflow: hidden;height:250px; border:1px solid #f1f1f1; }
.news_dlw a{display: block;}
.news_dlw a p{font-size: 18px;color:#343434; line-height:35px; padding-top:12px;}
.news_dlw a t{display: block; font-size:14px;font-weight:100; color:#999; line-height:30px;}
.news_dlw a span{font-size: 14px;font-family: arial;line-height: 30px;position: relative;text-align: right;color: #999;display: block;width: 100%;height: 30px;font-style: normal;margin-top: 25px;}
.news_dlw a span:after{content: '';width: 65px;height: 1px;top: 14px;background: #ccc;display: block;position: absolute;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.news_dlw a:hover span:after{background: #333333;width: 100px}
.news_dlw{ text-align:left;}
.news_dr{width: 880px; height:582px; border:1px solid #e5e5e5;background: #fff; padding:0px;}
.news_tit a{font-size: 28px;color: #fff;display: block;line-height: 30px;position: relative;}
.news_tit a .en{font-size: 14px;font-family: arial,microsoft yahei;display: block;line-height:25px;font-weight: 100;text-transform: capitalize;}
.news_r3_cont_in a{ box-sizing:content-box;}
.news_r2_cont_i strong{font-size: 18px;font-weight: normal;color: #343434;white-space: nowrap;overflow: hidden;width: 100%;display: block;line-height: 50px;padding: 10px 0 0;text-overflow: ellipsis; text-align:left;}
.news_r2_cont_i p{font-size: 14px;font-weight: 100;color: #999;line-height: 28px;text-align: justify;}
.news_r2_cont_i i:after{content: '';width: 65px;height: 1px;top: 14px;background: #ccc;display: block;position: absolute;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.news_r2_cont_i *{-webkit-transition:0.3s all ease;transition:0.3s all ease}
.news_r2_cont_i:hover i:after{background: #222;width: 100px}
.news_r2_cont_i:hover strong{color: #222;}
.news_r2_cont_i{width: 380px;float: left;margin-right: 50px}
.news_r2_cont_i i{font-size: 14px;font-family: arial;line-height: 30px;position: relative;text-align: right;color: #999;display: block;width: 100%;height: 30px;font-style: normal;margin-top: 25px;}
.news_r2_cont_i i em{
    font-size: inherit;
    font-style: normal;
    font-family: inherit;
    float: right;
}
.news_row2{width: 100%;height: 255px;position: relative;}
.news_row2 .news_tit a,.news_row3 .news_tit a{color: #111}
.news_row2 .news_tit a .color,.news_row3 .news_tit a .color{color: #111;font-size: inherit;font-weight: bold;}
.news_row2 .news_tit a .en,.news_row3 .news_tit a .en{color: #999}
.news_row3{width: 100%;height: 245px;position: relative; margin-top:20px;}
.news_row3 .fr{width: 460px; margin-right:30px;}
.news_row3 .fl{ border:1px solid #f1f1f1; margin-left:30px;}


.news_r2_cont{overflow: hidden; margin-left:30px;}
.news_r2_cont_tit{position: absolute;width: 100%;top: 50px;text-align: right;left: -30px;}
.news_r2_cont_tit li{width: 10px;height: 10px;background: #dedede;display: inline-block;border-radius: 50px;-webkit-transition:0.3s all ease;transition:0.3s all ease;margin-right: 3px;cursor: pointer}
.news_r2_cont_tit li.cur{width: 30px;background: #0358c3}


.news_r3_cont{position: relative;}
.news_r3_cont_i p{background: url(../Images/20200430084847_1363237858.png) no-repeat 0px center;font-size: 16px;color: #333;font-weight: normal;padding-left: 40px;line-height: 38px; text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height:38px; line-height:38px;}
.news_r3_cont_i p:hover{ color:#222;}
.news_r3_cont_i span.small{background: url(../Images/20200430084908_983467612.png) no-repeat left center;font-size: 14px;color: #999;padding-left: 40px;display: block;line-height: 32px;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_r3_cont_i{display: block;padding: 15px 0 0px;}
.news_r3_cont_tit{position: absolute;width: 100%;top: -35px;text-align: right;left: 0;}
.news_r3_cont_tit li{width: 10px;height: 10px;background: #dedede;display: inline-block;border-radius: 50px;-webkit-transition:0.3s all ease;transition:0.3s all ease;margin-right: 3px;cursor: pointer}
.news_r3_cont_tit li.cur{width: 30px;background: #0358c3}
.news_tit{ text-align:left; margin-left:30px; margin-top:30px;}
.news_div_item_pic{width: 401px;height: 300px;position: absolute;top: 148px;}
.news_div_item_pic img{width: 100%;height: 100%;} 
.news_div_item_content{position: absolute;top: 460px;}
.news_div_item_title{ padding-bottom:10px;}
.news_div_item_a{font-size: 16px !important;color: #666;}
.news_div_item_a:hover{ color:#222;}
.news_div_item_body{text-align: left;font-size: 14px;color: #999;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; height:60px; line-height:30px; width:401px;}
.news_div_item_date{position: absolute;bottom: 0px;right: 0px; width:401px;}
.news_div_item_year,.news_div_item_month,.news_div_item_day{ float:left;color: #999; font-size:13px;}
.news_div_item_date:after {content: '';width: 65px; height: 1px;top: 10px;background: #ccc;display: block;position: absolute;
-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.news_dl:hover .news_div_item_date:after{background: #0358c3;width: 100px}
.news_div_item_year{ margin-left:325px;}


/*友情链接*/
.links{ height:74px; background:#031327; line-height:74px; color:#fff; font-size:15px;    border-bottom: 1px solid #0e243f;}
.links .w1200 p:nth-child(1){ padding-left:30px; background:url(../Images/20200430094611_1562156c7b8d2.png) no-repeat left center; font-size:16px;}
.links .w1200 p:nth-child(3){ font-size:25px; font-family:'impact';}
/*版权*/
.copyright{ width:100%; min-width:1200px; height: 400px; background: #001023; overflow:hidden; font-family:"Microsoft Yahei";padding-bottom: 10px;}
.copyright_l { width: 300px; height: 320px; float: left;}
.copyright .zx { width: 20px; height: 1px; background: #ffffff; margin: 42px 0 29px;}
.copyright_l_main { color: #ffffff; font-size: 14px; line-height: 36px; float: left; width: 300px; height: 170px;margin-top: 29px;}
.copyright_l_main a { color: #ffffff; font-size: 14px; display: inline;}
.copyright_l_main a:hover { color: #ddd;}
.copyright_l_con { font-size: 14px; color:#ffffff; line-height: 36px; position: relative;}
.copyright_l_con a { width: 36px; height: 36px; display: block; margin-right: 0px; float: left; }
.copyright_l_con a.weixin { margin-left:10px;}
.copyright_l_con .weixin_qr { display: none; position: absolute; right:30%;top:60px; z-index: 99; }
.copyright_l_con a.weixin:hover .weixin_qr { display: block;}
.copyright_cen { margin-left: 104px; color: #ffffff; float: left;}
.copyright_cen ul li { float: left; margin-right: 87px; width:100px;}
.copyright_cen ul li p { font-size: 18px; color:#fff;}
.copyright_cen ul li a { display: block; float: left; font-size: 14px; line-height: 30px; color:#ffffff; width:100px;}
.copyright_cen ul li a:hover { color: #ddd;}
.copyright_r { width:335px; height: 320px; }
.zaixlwz{ font-size:18px; color:#ffffff; height:30px;}
.copyright_bottom { width:100%; min-width: 1300px; height:120px; padding-top:25px; margin: 0 auto; font-size: 14px; color: #f6f6f6;text-align: center; background: #001023; border-top:1px solid #0e243f;}
.copyright_bottom a {color:#f6f6f6; font-size: 14px;line-height:50px;}
.copyright_bottom a:hover {color:#fff;}
.copyright_bottom_l a {padding: 0 10px;}
</style>